import React from "react";
import { Nav, INavLink } from "office-ui-fabric-react/lib/Nav";
import { initializeIcons } from "office-ui-fabric-react/lib/Icons";
initializeIcons("https://static2.sharepointonline.com/files/fabric/assets/icons/");

export class Root extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  clickMenu(e,iNavItem){
    console.log(iNavItem)
  }
  render() {
    return (
      <div className="panel-root">
        <div className="left-nav">
          <Nav
            onLinkClick={this.clickMenu}
            initialSelectedKey="Home"
            groups={[
              {
                links: [
                  { name: "Home", key: "Home", url: "" },
                  { name: "Activity", key: "Activity", url: "" },
                  { name: "News", key: "News", url: "" },
                  { name: "Documents", key: "Documents", url: "" }
                ]
              }
            ]}
          />
        </div>
      </div>
    );
  }
}
